

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Demo: Nested BorderContainer</title>
	<link rel="stylesheet" href="../libs/demo/demo.css" media="screen">
	<link rel="stylesheet" href="../libs/demo/style.css" media="screen">
	<link rel="stylesheet" href="../libs/dijit/themes/claro/claro.css" media="screen">
</head>
<body class="claro">
<div class="demoLayout" style="height: 600px; width: 600px" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design: 'headline'">
	<div class="centerPanel" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region: 'center'">center</div>
	<div class="demoLayout" style="height: 50%" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="region: 'top', splitter: true, design: 'headline'">
		<div class="centerPanel" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region: 'center'">center</div>
		<div class="edgePanel" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region: 'bottom'">bottom</div>
	</div>
	<div class="edgePanel" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter: true, region: 'left'">left</div>
	<div class="demoLayout" style="width: 50%" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="region: 'right', design: 'headline'">
		<div class="centerPanel" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region: 'center'">center</div>
		<div class="edgePanel" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region: 'left'">left</div>
	</div>
	<div class="edgePanel" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter: true, region: 'bottom'">bottom</div>
</div>
<!-- load dojo -->
<script src="../libs/dojo/dojo.js"></script>
	<script>
        var dojoConfig = {
            baseUrl:'../',
			packages: [  
        	{ name: "dojo", location: "libs/dojo" },  
        	{ name: "dijit", location: "libs/dijit" },  
        	{ name: "dojox", location: "libs/dojox" }
			] 
        };
    </script>
<script>
	require(["dojo/parser", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/domReady!"], function(parser){
		parser.parse();
	});
</script>
</body>
</html>
